<?php // no direct access
defined( '_JEXEC' ) or die( 'Restricted access' ); 
if($slideshow){ //slide show
?>
<style type="text/css">
#typoT, #typoB{display:block;}
</style>
<div id="slider">
<ul id="sliderImg" class="list-post">
<?php 
$catID = JRequest::getVar('catid',0);
foreach($listItems as $item){
	$image  = json_decode($item->images);
?>
<li><a title="" href="<?php echo JURI::base();?>index.php?option=com_comsldr&Itemid=186&catid=66"><img src="<?php echo $image->image_intro;?>" alt="<?php echo $image->image_intro_alt;?>" /></a></li>
<?php } ?>
<!-- html example -- >
<li><a href="/Photos/"><img src="templates/wonder/images/slider/images,slider,DSC_0196.JPG" alt="nhà đẹp hgkjghjghjgh" /></a></li>
<li><a href="/Photos/"><img src="/Images/672x9999/images/slider/images,slider,Gac lung nhin xuong1.JPG" alt="nhà đẹp imperia-2" /></a></li>
<li><a href="/Photos/"><img src="templates/wonder/images/slider/images,slider,IMG_5029.JPG" alt="nhà đẹp imperia-3" /></a></li>
<li><a href="/Photos/"><img src="templates/wonder/images/slider/images,slider,IMG_30761.JPG" alt="nhà đẹp imperia-1" /></a></li>
<li><a href="/Photos/"><img src="templates/wonder/images/slider/images,slider,iWonder_Imperia_20.JPG" alt="nhà đẹp ytuytutyuytu" /></a></li>
<li><a href="/Photos/"><img src="templates/wonder/images/slider/images,slider,pano 2.jpg" alt="nhà đẹp 456456tryrt" /></a></li>
<li><a href="/Photos/"><img src="templates/wonder/images/slider/images,slider,photo.jpg" alt="nhà đẹp wc" /></a></li>
<!-- end exam-->
</ul>

<!--
	<div id="typoB">&nbsp;</div>
	<div id="typoT"><?php echo $info;?></div>
	-->
</div><!-- #slider -->

<?php }else{?>
<script type="text/javascript">
$(function(){
	captify();
});
function captify(){
	$('img.captify').captify({
		// all of these options are... optional
		// ---
		// speed of the mouseover effect
		speedOver: 'slow',
		// speed of the mouseout effect
		speedOut: 'normal',
		// how long to delay the hiding of the caption after mouseout (ms)
		hideDelay: 600,	
		// 'fade', 'slide', 'always-on'
		animation: 'slide',		
		// text/html to be placed at the beginning of every caption
		prefix: '',		
		// opacity of the caption on mouse over
		opacity: '0.5',					
		// the name of the CSS class to apply to the caption box
		className: 'caption-bottom',	
		// position of the caption (top or bottom)
		position: 'bottom',
		// caption span % of the image
		spanWidth: '90%'
	});
}
</script>
<?php 
if(!empty($listItems)){
	$item = $listItems;//lay phan tu dau tien
	// print_r($listItems);
	// die;
	$image  = json_decode($item->params);
	?>
		<div id="slider">
		<ul id="sliderImg" class="list-post">
		<li><a title="Xem chi tiết" href="<?php echo JURI::base();?>index.php?option=com_comsldr&view=chitiet&Itemid=<?php echo $Itemid;?>&catid=<?php echo $item->id;?>#content"><img class="captify" rel="captionb" src="<?php echo $image->image;?>" alt="" /><div id="captionb"><?php echo $item->title;?></div></a></li>
		</ul><!-- #sliderImg -->
	</div><!-- #slider -->
	<?php } ?>
<?php } ?>